// less混入

// 变量,嵌套,函数
// 演示混入
.abc {
    width: 100px;
    height: 100px;
}

.abc2 (@width) {
    width: @width;
    height: 200px;
}
.box {
    .abc(); // 类选择器混入,会生成两个width，height
}
.box2 {
    .abc2(100px); // 函数混入,这样只会出来box2,而不会出来多余的box2
}

// 鼠标经过上移阴影动画
.hoverShadow () {
    transition: all .5s;
    &:hover {
        transform: translate(0, -3px, 0);
        box-shadow: 0 3px 8px rgba(0, 0, 0, .2);
    }
}